<template>
    <div class="hello">
      <h1>{{ msg1 }}</h1>
    </div>
  </template>
  
  <script>
  export default {
    name: 'HelloWorld',
    props: {
      msg: String
    },
    data(){
      return{
        msg1:"Header"
      }
    }
  }
  </script>
  
  <!-- Add "scoped" attribute to limit CSS to this component only -->
  <style scoped>
  h1 {
    margin: 40px 0 0;
    color: green;
    font-size: 60px;
  }
  
  </style>
  